<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="hannah的生活，夹杂着生活的点滴，在实践中锻炼自己！">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <link rel="icon" type="image/png" sizes="48*48" href="images/hannah_logo_48.png">
    <link rel="stylesheet" href="css/index.css">
    <script src="javascript/jquery.histroy.js"></script>
    <script src="javascript/index.js"></script>
    <title>Hannah | Practice Makes Perfect</title>
    <!--[if lte IE 9]>
    <script type="text/javascript">
        document.createElement('article');
        document.createElement('header');
        document.createElement('nav');
        document.createElement('aside');
        document.createElement('time');
        document.createElement('footer');
    </script>
    <![endif]-->
</head>

<body>
    <script type="text/javascript">
        _winWidth = document.body.clientWidth || document.documentElement.clientWidth;
        if(_winWidth > 780){
            console.log(_winWidth);
            _style = document.getElementsByTagName("html")[0].style;
            _winWidth = _winWidth >= 1366 ? _style.fontSize = "100px" : _winWidth;
            _style.fontSize = _winWidth / 13.66 + "px";
        }
        else{
            console.log(_winWidth);
            _style = document.getElementsByTagName("html")[0].style;
            _style.fontSize = 100 + "px";
        }
    </script>

    <div class="container">

        <!--top nav-->
        <div id="top_nav">

            <!--logo-->
            <a href="http://www.baidu.com">
                <img src="images/hannah_text.png" class="hannah_text"/>
            </a>
        </div>

        <!--left nav-->
        <div id="left_nav">

            <!--header-->
            <header class="nav_head">

                <!--logo-->
                <a href="http://www.baidu.com">
                    <img src="images/hannah_text.png" class="hannah_text"/>
                </a>

                <!--描述-->
                <div>浙江师范大学&nbsp;&nbsp;前端工程师</div>
                <hr/>

                <!--页面导航-->
                <nav>
                    <div class="menu_bar">
                        <ul>
                            <li class="menu_bar_1" onclick="">首页</li>
                            <li class="daily">日志&nbsp;<img src="images/drop_down_white.png" style="width: 0.17rem; height: 0.1rem;"/></li>
                            <li onclick="" class="daily_inside" id="daily_all">全部</li>
                            <li onclick="" class="daily_inside">前端</li>
                            <li onclick="" class="daily_inside">小程序</li>
                            <li onclick="" class="daily_inside">UI</li>
                            <li onclick="">关于</li>
                            <li onclick="">简介</li>
                            <li onclick="">作品</li>
                        </ul>
                    </div>
                </nav>
            </header>
            <hr/>

            <!--随机文章-->
            <aside class="random">
                <b>随机文章&nbsp;&nbsp;<img src="images/refresh.png" style="width: 0.18rem;height: 0.18rem;" onclick=""> </b>
                <ul>
                    <li><span>CorelDRAW新手学习</span></li>
                    <li><span>博客建设（一）</span></li>
                    <li><span>二叉树</span></li>
                    <li><span>递归</span></li>
                </ul>
            </aside>
            <hr/>

            <!--二维码-->
            <aside class="code">
                <b>二维码</b>
                <br/>
                <img src="images/hannah_code.png" class="hannah_code">
            </aside>
        </div>

        <!--right content-->
        <div class="content">

            <!--search-->
            <div class="search">
                <form>
                    <input type="text" placeholder="搜索" class="search_text"/>
                    <input type="image" src="images/search_48.png" class="search_icon" onclick="">
                </form>
                <hr class="hr_below_search"/>
            </div>

            <!--main content-->
            <div class="main">
                <div>
                    <h1 onclick=""><span>二叉树</span></h1>
                    <p>
                        来自：博客<br/>
                        <a href="http://www.cnblogs.com/idorax/p/6441043.html">http://www.cnblogs.com/idorax/p/6441043.html</a><br/>
                        <a href="http://blog.csdn.net/dean_deng/article/details/44540805">http://blog.csdn.net/dean_deng/article/details/44540805</a><br/>
                        1 什么是二叉树（Binary Tree)<br/>
                        每个结点至多拥有两棵子树(即二叉树中不存在度大于2的结点)，并且，二叉树的子树有左右之分，其次序不能任意颠倒......
                    </p>
                </div>
                <hr/>
                <div>
                    <h1 onclick=""><span>递归</span></h1>
                    <p>
                        来自知乎问题：什么是递归？<br/>
                        <a href="https://www.zhihu.com/question/20507130">https://www.zhihu.com/question/20507130</a><br/>
                        1. 目前我找到的对递归最恰当的比喻，就是查词典。我们使用的词典，本身就是递归，为了解释一个词，需要使用更多的词。当你查一个词，发现这个词的解释中某个词仍然不懂，于是你开始查这第二个词，可惜，第二个词里仍然有不懂的词，于是查第三个词，这样查下去，直到有一个词的解释是你完全能看懂的，那么递归走到了尽头，然后你开始后退，逐个明白之前查过的每一个词，最终，你明白了最开始那个词的意思......
                    </p>
                </div>
                <hr/>
                <div>
                    <h1 onclick=""><span>博客建设（一）</span></h1>
                    <p>
                        前几天无意中发现了kayo的博客（http://kayosite.com/），蓝绿蓝绿的很可爱，决定临摹下来学习。前几天刚好学习了一下jQuery，决定就用它来试着写写：）<br/>
                        第一步就是，设计界面，LOGO，布局，明确需求与功能。<br/>
                        我的码云（<a href="https://git.oschina.net/hannnah">https://git.oschina.net/hannnah</a> ）。<br/>
                        工具：CorelDRAW X7，Webstrom......
                    </p>
                </div>
                <hr/>
                <div>
                    <h1 onclick=""><span>CorelDRAW新手学习</span></h1>
                    <p>
                        书名：《新手学CorelDRAW X6 平面广告设计（实例版）》<br/>
                        在图书馆只找到X6的，其中日期最新的已经借出，所以就选了这本2013年3月第一次印刷的设计书。全书共分7章，讲解了商业插画与创意表现，企业形象VI设计，海报设计，商业广告设计，包装设计，书籍装帧设计，DM单、票卡设计等内容，总共有48个例子，hannah感觉这本书的优点就是会手把手教你如何实现这些例子，在实践中思考，琢磨各个功能键的使用方法。其中hannah就选取了一些自己感兴趣的例子来学习，如下：<br/>
                        例子：实例11，16，32，38，48。<br/>
                        软件：CorelDRAW X7......
                    </p>
                </div>
                <hr/>
            </div>
        </div>
    </div>
</body>
</html>